import { h } from 'snabbdom';
import { PAGEPAD_TYPE } from './index';

/**
 * @param elem 内边距元素
 * @param children 元素子节点
 * @param editor 编辑器实例
 * @returns vnode 节点（通过 snabbdom.js 的 h 函数生成）
 */
const renderToELem = (elem, children, editor) => {
  const vnode = h(
    'blockquote',
    {
      style: {
        borderLeft: `${elem.margin} solid var(--w-e-textarea-selected-border-color)`,
        borderRight: `${elem.margin} solid var(--w-e-textarea-selected-border-color)`
      }
    },
    children
  );

  return vnode;
};

// 编辑器渲染配置
export const renderToElemConfig = {
  type: PAGEPAD_TYPE,
  renderElem: renderToELem
};
